<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>ARRIVAL NOTICE</title>
    <style>
        body {
            font-family: 'simsun','verdana', 'arial', 'angsau',sans-serif;
            margin: 0;
            padding: 0;
        }

        .container {
            width: 95%;
            max-width: 1000px;
            margin-left: 20px;
            margin-right: 20px;
            border: 1px solid #333;
            line-height: 1;
            box-sizing: border-box;
        }

        .info-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 11px;
            line-height: 1;
            border: 1px solid #333;
        }

        .info-table td, .info-table th {
            border: 1px solid #333;
            line-height: 1;
            vertical-align: top;
            padding: 4px 6px;
        }

        .info-table tr:first-child th, .info-table tr:first-child td {
            border-top: none;
            line-height: 1;
        }

        .info-table tr:last-child th, .info-table tr:last-child td {
            border-bottom: none;line-height: 1;
        }

        .info-table th:first-child, .info-table td:first-child {
            border-left: none;line-height: 1;
        }

        .info-table th:last-child, .info-table td:last-child {
            border-right: none;line-height: 1;
        }

        .info-table th {
            background-color: #e6e6e6;
            font-weight: bold;
            text-align: left;
            color: #2c3e50;
        }

        .header-title {
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            margin: 10px 0;
        }

        .contact-info {
            font-size: 10px;
            line-height: 1.2;
        }
    </style>
</head>
<body>
<div class="container">
    <!-- Header Section -->
    <table style="width: 100%; border-bottom: 1px solid #333;">
        <tr>
            <td style="width: 33.33%"><img th:src="@{classpath:pdf/img/banner.jpg}" alt="SINOLINES Logo"/></td>
            <td style="width: 66.67%; text-align: center;">
                <div class="header-title">到货通知</div>
                <div class="header-title">ARRIVAL NOTICE</div>
                <p style=""><strong><span th:text="${companyName}">SINOTRANS CONTAINER LINES CO.,LTD</span></strong></p>
            </td>
        </tr>
    </table>

    <!-- Shipper Information -->
    <table class="info-table">
        <tr>
            <td style="width: 100%">
                <strong>Shipper:</strong><br/>
                <span th:text="${shipper}">Shipper information from Excel template</span>
            </td>
        </tr>
    </table>

    <!-- Consignee Information -->
    <table class="info-table">
        <tr>
            <td style="width: 100%">
                <strong>Consignee:</strong><br/>
                <span th:text="${consignee}">Consignee information from Excel template</span>
            </td>
        </tr>
    </table>

    <!-- Notify Party Information -->
    <table class="info-table">
        <tr>
            <td style="width: 100%">
                <strong>Notify party:</strong><br/>
                <span th:text="${notifyParty}">Notify party information from Excel template</span>
            </td>
        </tr>
    </table>

    <!-- Booking and BL Information -->
    <table class="info-table">
        <tr>
            <td style="width: 50%">
                <strong>BKG#:</strong> <span th:text="${bookingNo}">QD002000001</span>
            </td>
            <td style="width: 50%">
                <strong>BL#:</strong> <span th:text="${blNo}">SNLFQD002000001</span>
            </td>
        </tr>
    </table>

    <!-- Contact Information -->
    <table class="info-table">
        <tr>
            <td style="width: 100%">
                <strong>Please contact:</strong><br/>
                <span th:text="${contactInfo}" class="contact-info">
ORIENT MARITIME SERVICE (ORIMAS)
Add. : 54 Le Loi str, Ngo Quyen Dist, Haiphong city, Vietnam.
Tel : +84.225.3550168
Email: import.orimas@vosagroup.com

Accounting: +84.225.3855004
Email: tckt.orimas@vosagroup.com
                </span>
            </td>
        </tr>
    </table>

    <!-- Vessel and Voyage Information -->
    <table class="info-table">
        <tr>
            <td style="width: 25%">
                <strong>Ocean Vessel:</strong><br/>
                <span th:text="${oceanVessel}">SITZHMG</span>
            </td>
            <td style="width: 25%">
                <strong>Voyage:</strong><br/>
                <span th:text="${voyage}">2511W</span>
            </td>
            <td style="width: 25%">
                <strong>Place of receipt:</strong><br/>
                <span th:text="${placeOfReceipt}">QINGDAO,CN</span>
            </td>
            <td style="width: 25%">
                <strong>Port of loading:</strong><br/>
                <span th:text="${portOfLoading}">QINGDAO,CN</span>
            </td>
        </tr>
    </table>

    <!-- Port and Delivery Information -->
    <table class="info-table">
        <tr>
            <td style="width: 25%">
                <strong>POD:</strong><br/>
                <span th:text="${pod}">MYWSP,KELANG</span>
            </td>
            <td style="width: 25%">
                <strong>Place of delivery:</strong><br/>
                <span th:text="${placeOfDelivery}">MYWSP,KELANG</span>
            </td>
            <td style="width: 25%">
                <strong>ETA:</strong><br/>
                <span th:text="${eta}">ETA date from Excel template</span>
            </td>
            <td style="width: 25%">
                <strong>Terminal:</strong><br/>
                <span th:text="${terminal}">North West-NORTHPORT Depot</span>
            </td>
        </tr>
    </table>

    <!-- Container Information -->
    <table class="info-table">
        <tr>
            <td style="width: 100%">
                <strong>Container No Seal (箱号 / 箱型 / 封箱号):</strong><br/>
                <span th:text="${containerInfo}" style="white-space: pre-line;">
FOUU2222311 20 GP 2222311
FOUU2222203 20 GP 2222203
C2025080804 40 HC 80804
C2025082412 40 HC 82412
C2025082511 40 HC 82511
                </span>
            </td>
        </tr>
    </table>

    <!-- Package Information -->
    <table class="info-table">
        <tr>
            <td style="width: 33.33%">
                <strong>Number and Kind of package (数量/包装):</strong><br/>
                <span th:text="${packageInfo}">150: TANKS, CYLINDRICAL</span>
            </td>
            <td style="width: 33.33%">
                <strong>Gross Weight (毛重):</strong><br/>
                <span th:text="${grossWeight}">150000 KGS</span>
            </td>
            <td style="width: 33.34%">
                <strong>Measurement (体积):</strong><br/>
                <span th:text="${measurement}">51000 CBM</span>
            </td>
        </tr>
    </table>

    <!-- Shipping Marks and Goods Description -->
    <table class="info-table">
        <tr>
            <td style="width: 25%">
                <strong>Shipping marks (唛头):</strong><br/>
                <span th:text="${shippingMarks}">N/M</span>
            </td>
            <td style="width: 75%">
                <strong>Description of Goods (货描):</strong><br/>
                <span th:text="${descriptionOfGoods}">Live horses, asses, mules and hinnies</span>
            </td>
        </tr>
    </table>

    <!-- Total Containers -->
    <table class="info-table">
        <tr>
            <td style="width: 100%">
                <strong>TOTAL NUMBER OF CONTAINERS (箱型箱量):</strong><br/>
                <span th:text="${totalContainers}">3x20GP; 3x40HC</span>
            </td>
        </tr>
    </table>

    <!-- Fee Information -->
    <table class="info-table">
        <tr>
            <td style="width: 100%">
                <strong>Phí đổi lệnh (Đã bao gồm VAT):</strong><br/>
                <span th:text="${feeInformation}" style="white-space: pre-line; font-size: 9px;">
THC: USD120/20' ; USD180/40'; USD180/20RF; USD270/40RF
CIS: - USD80/20' ; USD160/40' (from Korea to HaiPhong)
- USD120/20',USD240/40' (from China mainland, Hongkong to HaiPhong)
LSS: - USD110/20' ; USD220/40' ; USD165/20RF ; USD330/40RF (from Korea to HaiPhong)
- USD110/20' ; USD220/40' ; USD165/20RF ; USD330/40RF (from Hongkong to HaiPhong)
- USD165/20' ; USD330/40' ; USD248/20RF ; USD495/40RF (from China mainland to HaiPhong)

目的港各种费用
费用只包含到付运费部分，目的港Local Charge请以实际为准
                </span>
            </td>
        </tr>
    </table>

    <!-- Port Specific Requirements -->
    <table class="info-table">
        <tr>
            <td style="width: 100%">
                <strong>Port-Specific Remarks (口岸特色要求，换单说明等等):</strong><br/>
                <span th:text="${portSpecificRemarks}">口岸特色要求，换单说明等等</span>
            </td>
        </tr>
    </table>

    <!-- Free Time Information -->
    <table class="info-table">
        <tr>
            <td style="width: 100%">
                <strong>目的港免用箱期明细，或者LFD（Last Free Day）日期信息:</strong><br/>
                <span th:text="${freeTimeInfo}">目的港免用箱期明细，或者LFD（Last Free Day）日期信息</span>
            </td>
        </tr>
    </table>

    <!-- Disclaimer Section -->
    <div style="text-align: center; font-size: 12px; margin: 10px 0;">免责条款</div>
    <table class="info-table">
        <tr>
            <td style="width: 100%; height: 70px;"></td>
        </tr>
    </table>
</div>
</body>
</html>
